@charset "UTF-8";
/*** @description: 变量; @Author: ray; @create date: 2016-08-09;
***/
/***
	@description: 重置样式;
	@Author: ray;
	@create date: 2015-07-31;
***/
body, dl, dd, p, form, h1, h2, h3, h4, h5, h6 { margin: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul { margin: 0; padding: 0; list-style-type: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; text-decoration: none; outline: none; }
a:hover { color: #0379ff; }

img { border: 0; }

input, select, button, textarea { border-radius: 0; outline: 0; margin: 0; font-family: inherit; font-size: inherit; color: inherit; -webkit-appearance: none; }

article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #999; opacity: 1; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; }

body > div[id^=_] { display: none !important; }

/*** @description: 基础样式; @Author: ray; @create date: 2016-08-09;
***/
.hide { display: none; }

.fn-clear { zoom: 1; }
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

.red { color: #fa4e57; }

.blue { color: #0379ff; }

.over { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.pic { display: block; margin: 0 auto; }

.flex, .main-title, .main-title ul, .box5bj .left .fr li, .box13bj .bod .item.on .p2 { display: -webkit-box; display: -webkit-flex; display: flex; }

.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }

.flex-between, .main-title { -webkit-box-justify-content: space-between; -webkit-justify-content: space-between; justify-content: space-between; }

.flex-middle, .main-title, .box5bj .left .fr li, .box13bj .bod .item .p2 { -webkit-box-align-items: center; -webkit-align-items: center; align-items: center; }

.flex-wrap { -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.flex-center { -webkit-box-justify-content: center; -webkit-justify-content: center; justify-content: center; }

/*** @description: 按钮样式; @Author: ray; @create date: 2016-08-09;
***/
.btn { display: inline-block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; font-size: 14px; color: #fff; text-align: center; background-color: #0379ff; border-radius: 30px; box-shadow: 0 4px 10px 0 rgba(3, 121, 255, 0.2); }
.btn:hover { color: #fff; background-color: #419aff; }

.btn-bor { background-color: transparent; border: 1px solid #0379ff; color: #0379ff; height: 28px; line-height: 28px; }
.btn-bor:hover { color: #fff; background-color: #0379ff; border-color: #0379ff; }

/*** @description: 动画; @Author: ray; @create date: 2016-08-09;
***/
@-webkit-keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
@keyframes rolling { 100% { -moz-transform: translateY(145px); -ms-transform: translateY(145px); -webkit-transform: translateY(145px); transform: translateY(145px); } }
.icon-sprite, .icon-arrow, .icon-az-black, .icon-az, .icon-down, .icon-dz, .icon-gou, .icon-ic12, .icon-ic4, .icon-ic8, .icon-ic9, .icon-jl, .icon-mt, .icon-pl, .icon-qx, .icon-score, .icon-score2, .icon-search, .icon-sh1, .icon-sh2, .icon-sh3, .icon-sh4, .icon-sj, .icon-sja, .icon-star, .icon-star2, .icon-stars-kong, .icon-stars, .icon-stay, .icon-time, .icon-up, .icon-yx, .icons-sjyx, .icons-yxzx { background-image: url('../images/icon-s00465bc830.png'); background-repeat: no-repeat; }

.icon-arrow { background-position: 0 0; height: 14px; width: 40px; }

.icon-az-black { background-position: 0 -16px; height: 33px; width: 29px; }

.icon-az { background-position: 0 -51px; height: 20px; width: 20px; }

.icon-down { background-position: 0 -73px; height: 15px; width: 11px; }

.icon-dz { background-position: 0 -90px; height: 20px; width: 20px; }

.icon-gou { background-position: 0 -112px; height: 15px; width: 15px; }

.icon-ic12 { background-position: 0 -129px; height: 32px; width: 32px; }

.icon-ic4 { background-position: 0 -163px; height: 32px; width: 32px; }

.icon-ic8 { background-position: 0 -197px; height: 32px; width: 32px; }

.icon-ic9 { background-position: 0 -231px; height: 32px; width: 32px; }

.icon-jl { background-position: 0 -265px; height: 16px; width: 16px; }

.icon-mt { background-position: 0 -283px; height: 16px; width: 16px; }

.icon-pl { background-position: 0 -301px; height: 20px; width: 20px; }

.icon-qx { background-position: 0 -323px; height: 16px; width: 16px; }

.icon-score { background-position: 0 -341px; height: 70px; width: 88px; }

.icon-score2 { background-position: 0 -413px; height: 88px; width: 110px; }

.icon-search { background-position: 0 -503px; height: 17px; width: 17px; }

.icon-sh1 { background-position: 0 -522px; height: 40px; width: 40px; }

.icon-sh2 { background-position: 0 -564px; height: 40px; width: 40px; }

.icon-sh3 { background-position: 0 -606px; height: 40px; width: 40px; }

.icon-sh4 { background-position: 0 -648px; height: 40px; width: 40px; }

.icon-sj { background-position: 0 -690px; height: 20px; width: 20px; }

.icon-sja { background-position: 0 -712px; height: 18px; width: 18px; }

.icon-star { background-position: 0 -732px; height: 12px; width: 12px; }

.icon-star2 { background-position: 0 -746px; height: 18px; width: 18px; }

.icon-stars-kong { background-position: 0 -766px; height: 16px; width: 16px; }

.icon-stars { background-position: 0 -784px; height: 16px; width: 16px; }

.icon-stay { background-position: 0 -802px; height: 4px; width: 15px; }

.icon-time { background-position: 0 -808px; height: 12px; width: 12px; }

.icon-up { background-position: 0 -822px; height: 15px; width: 11px; }

.icon-yx { background-position: 0 -839px; height: 32px; width: 32px; }

.icon { display: inline-block; vertical-align: middle; }

/***
	@Author: ray;
	@create date:2021-08-12;
***/
body { font-family: 'Microsoft YaHei', 'tahoma', 'arial', 'sans-serif'; font-size: 14px; background-color: #fff; color: #444; }

.page { min-height: 100vh; width: 100%; position: relative; overflow: hidden; }

.content { min-height: calc(100vh - 295px); }

.wrapper { width: 1200px; margin-left: auto; margin-right: auto; position: relative; }

.header { background-color: #fff; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05); }

.header-main { height: 80px; overflow: hidden; }
.header-main .logo { height: 50px; margin-top: 15px; float: left; }
.header-main .logo img { display: block; height: 100%; }
.header-main .adownload { float: left; width: 98px; height: 40px; font-size: 13px; color: #0379ff; line-height: 40px; margin: 20px 0 0 20px; }
.header-main .adownload .icon { margin-right: 3px; margin-top: -2px; }
.header-main .nav { float: left; margin-left: -20px; }
.header-main .nav a { float: left; line-height: 80px; font-size: 18px; color: #666; margin-left: 60px; }
.header-main .nav a:hover, .header-main .nav a.on { color: #0379ff; }
.header-main .search-box { float: left; margin-top: 21px; }
.header-main .icon-search { float: left; margin: 12px 20px 0 0; border: none; background-color: transparent; }
.header-main .input-inner { float: left; height: 100%; background-color: #f6f6f6; border-radius: 40px; }
.header-main .input-wrap { height: 40px; overflow: hidden; }
.header-main .input { float: left; width: 173px; height: 20px; line-height: 19px; padding: 10px 20px; background: none; border: none; outline: none; font-size: 14px; color: #333; }
.header-main .button { width: 72px; height: 38px; line-height: 38px; border: none; outline: none; float: right; cursor: pointer; margin-left: 10px; }

.main-title { height: 48px; margin-bottom: 13px; }
.main-title.bor { border-bottom: 1px solid #eee; }
.main-title .tit { font-size: 24px; font-weight: normal; display: flex; align-items: center; color: #222; }
.main-title .title{ font-size: 18px; font-weight: bold; display: inline-block; color: #333; }
.main-title .icon { margin-right: 10px; }
.main-title .spline { display: inline-block; vertical-align: middle; width: 5px; height: 18px; background-color: #0379ff; margin: -2px 10px 0 0; }
.main-title .pfanli { width: 80px; line-height: 22px; font-size: 12px; color: #ffa500; text-align: center; border: 1px solid #ffa500; border-radius: 4px; margin-right: 15px; }
.main-title ul { margin-left: 35px; margin-top: 3px; }
.main-title li { height: 22px; line-height: 20px; padding: 0 8px; margin-left: 8px; font-size: 20px; cursor: pointer; position: relative; }
.main-title li + li { margin-left: 50px; }
.main-title li + li:before { content: '/'; position: absolute; font-size: 20px; color: #ddd; margin-left: -30px; }
.main-title li.on { color: #0379ff; }
.main-title .amore { color: #a9a9a9; font-size: 12px; width: 80px; height: 22px; text-align: center; line-height: 20px; border: 1px solid #a9a9a9; border-radius: 22px; transition: 0.5s; }
.main-title .amore:hover { border-color: #0379ff; color: #0379ff; }
.main-title .nmore { color: #999; }
.main-title .nmore:hover { color: #0379ff; }

.page-index .main-title { border-bottom: 1px solid #eee; }

.box7bj .main-title { border-bottom: none; }
.box7bj .soft-list2 { margin-top: -10px; }

.icons { display: inline-block; vertical-align: middle; margin-right: 8px; background: url(../images/iconbg.png); }

.icons-sjyx { background-position: 0 -839px; height: 32px; width: 32px; }

.com-image .com-item, .com-image .com-item2 { position: relative; border-radius: 18px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); overflow: hidden; }
.com-image .com-item:before, .com-image .com-item2:before { content: ''; display: block; position: absolute; top: -57%; left: -60%; width: 20px; height: 200%; z-index: 1; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)); background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.1)); }
.com-image .com-item2:hover:before { left: 150%; }
.com-image a:hover .com-item:before { left: 150%; }

.crumb { height: 52px; line-height: 52px; color: #999; }
.crumb h1 { font-size: inherit; display: inline; }

.footer { padding: 25px 0; margin-top: 30px; background-color: #0379ff; }
.footer a:hover { color: #fff; }

.footer-link { padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.footer-tit { font-size: 16px; color: #fff; }

.footer-list { font-size: 14px; color: #fff; margin-top: 15px; }
.footer-list span { margin: 0 6px; }

.footer-about { font-size: 14px; color: #fff; margin-top: 15px; margin-left: -30px; }
.footer-about span { font-size: 12px; margin-left: 25px; color: rgba(255, 255, 255, 0.6); }
.footer-about .footer-abour-inner a { margin-left: 30px; }
.footer-about .hui { margin-top: 10px; margin-left: 30px; }
.footer-about .hui span { margin-left: 0; }
.footer-about .hui p { display: inline; }
.footer-about .hui p + p { margin-left: 18px; }

.footer-text { font-size: 12px; color: rgba(255, 255, 255, 0.6); margin-top: 14px; }
.footer-text p { margin-top: 10px; }
.footer-text .pc{ margin: 0 7px; }

.footer-img { position: absolute; width: 660px; right: 0; bottom: 0; }
.footer-img img { width: 120px; }

.main-tab { margin: -10px -10px 0 22px; }
.main-tab .aview { float: left; width: 85px; font-size: 16px; color: #999; line-height: 50px; }
.main-tab .aview.on, .main-tab .aview:hover { font-size: 18px; color: #000; font-weight: bold; }
.main-tab .aview.on .span, .main-tab .aview:hover .span { position: relative; }
.main-tab .aview.on .span:after, .main-tab .aview:hover .span:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; background: #0379ff; border-radius: 2px; transform: translateX(-50%); }
.main-tab .span { display: inline-block; }

.pages { text-align: center; margin: 40px 0; }
.pages li { display: inline-block; vertical-align: middle; margin: 4px 5px 0 5px; font-size: 14px; }
.pages a { display: inline-block; padding: 3px 12px; border: 1px solid #ddd; }

.pages li a:hover, .pages li.active a { background: #0379ff; color: #fff; border: 1px solid #0379ff; }
.pages .laypage_curr{margin: 0 4px;}

.content-l { width: 860px; }
.content-l .sec-nav-inner a { margin-top: 0; }

.content-r { width: 310px; }

.rgcon + .rgcon { margin-top: 20px; }

.fixed-top.enter { position: fixed; top: 0; margin-top: 0; }
.fixed-top.enter.content-r { margin-left: 30px; }
.fixed-top.leave { position: absolute; top: auto; bottom: 0; }

.fixed-bottom.enter { position: fixed; bottom: 0; }
.fixed-bottom.enter.content-r { margin-left: 30px; }
.fixed-bottom.leave { position: absolute; }

.mab0 { margin-bottom: 0; }

.mab20 { margin-bottom: 20px; }

.toDownload { cursor: pointer; }

.search-none { padding: 100px 0 140px 0; text-align: center; }
.search-none .pic { width: 300px; height: 300px; }
.search-none .ptit { font-size: 20px; color: #404040; margin-top: 20px; }
.search-none .gray { color: #999; }
.search-none .ptxt { color: #000; font-size: 22px; font-weight: bold; height: 32px; line-height: 32px; margin-bottom: 5px; overflow: hidden; }
.search-none .ptips a { color: #0379ff; }
.search-none .ptips span { font-size: 50px; color: #999; margin-right: 10px; line-height: 1; display: inline-block; vertical-align: middle; margin-top: -10px; }

.banner { position: relative; height: 900px; overflow: hidden; }
.banner .pic { width: 100%; height: 872px; }
.banner a { display: block; }
.banner .hd { font-size: 0; text-align: center; position: absolute; left: 0; right: 0; bottom: 20px; }
.banner .hd li { display: inline-block; width: 20px; height: 20px; background-color: #fff; border-radius: 20px; margin: 0 5px; cursor: pointer; }
.banner .hd li.on { width: 40px; }
.banner .li-bg { height: 872px; background: url(../images/banner-bg.png) no-repeat center; }
.banner .ban-lf { margin: -6px 0 0 -35px; }

@media screen and (min-width: 1902px) { .banner .li-bg { background-size: 100% 100%; } }
.ban-rg { width: 463px; margin-top: 213px; text-align: center; }
.ban-rg .pic { width: auto; height: auto; }
.ban-rg .ptit { font-size: 41px; color: #fff; line-height: 41px; margin-top: 65px; }
.ban-rg .pcode { margin-top: 60px; }
.ban-rg .code-lf { width: 161px; padding: 10px 0 6px 0; background: #fff; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12); border-radius: 12px; }
.ban-rg .code-lf .pic { width: 145px; height: 145px; }
.ban-rg .ptxt { font-size: 16px; line-height: 35px; }
.ban-rg .pinfo { color: #fff; margin-top: 20px; }
.ban-rg .pinfo span + span { margin-left: 24px; }
.ban-rg .pother { text-align: center; margin-top: 20px; }
.ban-rg .pother a { color: rgba(255, 255, 255, 0.8); text-decoration: underline; }
.ban-rg .pother a:hover { color: #fff; }
.ban-rg .btn { width: 265px; height: 69px; line-height: 69px; font-size: 23px; color: #906501; font-weight: bold; position: relative; z-index: 1; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.12); border-radius: 30px; }
.ban-rg .btn:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 30px; z-index: -1; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTM4YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYmEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(0deg, #ffe38c, #ffba00); background: -webkit-linear-gradient(0deg, #ffe38c, #ffba00); background: linear-gradient(90deg, #ffe38c, #ffba00); }
.ban-rg .btn:hover:after { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 30px; z-index: -1; background-color: rgba(255, 255, 255, 0.2); }
.ban-rg .icon { margin: -2px 16px 0 0; }
.ban-rg .code-rg { width: 265px; margin-top: 27px; }

.section { margin-top: 30px; }

.box7bj { margin-top: -5px; }

.lsoft-list ul { margin: -16px 0 0 -38px; }
.lsoft-list li { float: left; width: 110px; margin: 24px 0 0 38px; text-align: center; }
.lsoft-list a { display: block; }
.lsoft-list .pimg { height: 110px; border-radius: 26px; overflow: hidden; position: relative; }
.lsoft-list .pimg img { width: 100%; height: 100%; }
.lsoft-list .ptit { font-size: 16px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rtab-tit { width: 126px; background: #f8f8f8; flex-shrink: 0; }
.rtab-tit li { height: 51px; padding: 0 15px; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; cursor: pointer; }
.rtab-tit li + li { border-top: 1px solid #eee; }
.rtab-tit li.on { background: #fff; color: #0379ff; }

.soft-list2 { padding-bottom: 0.2rem; overflow: hidden; }
.soft-list2 ul { margin: -10px 0 0 -20px; }
.soft-list2 li { float: left; }
.soft-list2 a { display: block; width: 188px; height: 65px; border: 1px solid #eee; padding: 10px 10px 10px 85px; border-radius: 10px; margin: 20px 0 0 20px; position: relative; }
.soft-list2 .pimg { position: absolute; left: 10px; top: 10px; }
.soft-list2 .pimg img { width: 65px; height: 65px; border-radius: 10px; }
.soft-list2 .ptit { font-size: 16px; }
.soft-list2 .pinfo { line-height: 26px; font-size: 12px; color: #bbb; }
.soft-list2 .pinfo span { display: inline-block; vertical-align: middle; }
.soft-list2 .pinfo span + span { margin-left: 20px; }
.soft-list2 .icon { margin: -4px 5px 0 0; }
.soft-list2 .ptxt { color: #7e7e7e; line-height: 16px; }
.soft-list2 .orange { color: orange; }

.box5bj .left { width: 788px; }
.box5bj .left .fl { width: 282px; width: 250px; }
.box5bj .left .fl li + li { margin-top: 20px; }
.box5bj .left .fl a { display: block; }
.box5bj .left .fl img { width: 100%; height: 157px; display: block; object-fit: cover; }
.box5bj .left .fl .pimg { border-radius: 10px; height: 157px; overflow: hidden; }
.box5bj .left .fl .ptit { display: block; height: 20px; line-height: 20px; font-weight: bold; margin-top: 8px; overflow: hidden; }
.box5bj .left .fr { width: 462px; width: 490px; }
.box5bj .left .fr h3 { height: 48px; line-height: 48px; border-bottom: 1px solid #eee; font-size: 16px; color: #0379ff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; }
.box5bj .left .fr li { height: 36px; margin-top: 2px; }
.box5bj .left .fr li em { font-size: 12px; color: #999; white-space: nowrap; }
.box5bj .left .fr li a { margin-right: 16px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.box5bj .left .fr li span { margin-left: auto; white-space: nowrap; font-size: 12px; color: #999; }
.box5bj .right { width: 368px; }
.box5bj .right .main-title .tit { font-size: 20px; }

.soft-top-list li + li { margin-top: 18px; }
.soft-top-list li.on .item-bd { display: block; }
.soft-top-list li.on .title { font-size: 16px; font-weight: bold; }
.soft-top-list li:nth-child(1) .num { background-color: #fc6763; }
.soft-top-list li:nth-child(2) .num { background-color: #ff9141; }
.soft-top-list li:nth-child(3) .num { background-color: #ffc55c; }
.soft-top-list .item-hd { height: 20px; line-height: 20px; overflow: hidden; }
.soft-top-list .item-bd { display: none; margin-top: 15px; }
.soft-top-list .item-bd a { display: block; height: 85px; line-height: 85px; }
.soft-top-list .pimg { margin-right: 12px; }
.soft-top-list .pic { width: 176px; height: 85px; }
.soft-top-list .num { width: 20px; height: 20px; background: #879299; color: #fffefe; font-size: 14px; font-weight: bold; text-align: center; float: left; margin-right: 10px; }
.soft-top-list .btn { vertical-align: middle; }

.rg-top-list li + li { margin-top: 12px; }

.box13bj .bod { justify-content: space-between; margin-top: -10px; }

.box13bj .bod .fl { width: 368px; }

.box13bj .bod .fl h3 { height: 48px; display: flex; align-items: center; font-size: 18px; padding-left: 16px; font-weight: bold; }

.box13bj .bod .fl h3 span { font-size: 24px; color: #279bff; font-weight: normal; margin-right: 8px; }

.box13bj .bod .item .p1 { display: flex; align-items: center; padding: 0 16px; height: 48px; color: #999; }

.box13bj .bod .item .p1 i { width: 24px; height: 24px; border-radius: 24px; background: #C4D0DB; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #fff; }

.box13bj .bod .item:nth-of-type(1) .p1 i { background: #fc6763; }

.box13bj .bod .item:nth-of-type(2) .p1 i { background: #ff9141; }

.box13bj .bod .item:nth-of-type(3) .p1 i { background: #ffc55c; }

.box13bj .bod .item .p1 a { margin: 0 16px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.box13bj .bod .item:nth-of-type(1) .p1, .box13bj .bod .item:nth-of-type(2) .p1, .box13bj .bod .item:nth-of-type(3) .p1 { color: #222; }

.box13bj .bod .item .p1 span { font-size: 16px; color: #C4D0DB; white-space: nowrap; margin-left: auto; }

.box13bj .bod .item:nth-of-type(1) .p1 span, .box13bj .bod .item:nth-of-type(2) .p1 span, .box13bj .bod .item:nth-of-type(3) .p1 span { color: #279bff; }

.box13bj .bod .fl2 .item .p1 span { font-size: 20px; }

.box13bj .bod .fl2 .item .p1 .phb_ico { width: 18px; height: 16px; background: url("../images/phb_ico.png") center center; }

.box13bj .bod .fl2 .item:nth-of-type(1) .p1 .phb_ico, .box13bj .bod .fl2 .item:nth-of-type(2) .p1 .phb_ico, .box13bj .bod .fl2 .item:nth-of-type(3) .p1 .phb_ico { width: 18px; height: 16px; background: url("../images/phb_ico_ac.png") center center; }

.box13bj .bod .item .p1 span.wz { font-size: 12px; color: #999; }

.box13bj .bod .item .p2 { display: none; padding: 0 16px; }

.box13bj .bod .item .p2 i { width: 24px; height: 24px; border-radius: 24px; background: #C4D0DB; flex-shrink: 0; display: flex; justify-content: center; align-items: center; color: #fff; }

.box13bj .bod .item:nth-of-type(1) .p2 i { background: #fc6763; }

.box13bj .bod .item:nth-of-type(2) .p2 i { background: #ff9141; }

.box13bj .bod .item:nth-of-type(3) .p2 i { background: #ffc55c; }

.box13bj .bod .item .p2 .img { width: 90px; height: 90px; border-radius: 26px; overflow: hidden; flex-shrink: 0; margin: 0 24px; position: relative; }

.box13bj .bod .item .p2 .img img { width: 100%; height: 100%; }

.box13bj .bod .item .p2 dl { margin-right: 16px; overflow: hidden; }

.box13bj .bod .item .p2 dl dt { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; }

.box13bj .bod .item .p2 dl dd { font-size: 12px; color: #A9A9A9; margin: 6px 0 10px; }

.box13bj .bod .item .p2 .more { display: block; float: right; width: 80px; height: 26px; line-height: 26px; text-align: center; font-size: 12px; color: #fff; border-radius: 4px; background: #279bff; border-radius: 26px; }

.box13bj .bod .item .p2 .more:hover { background: #0379ff; }

.box13bj .bod .item.on { box-shadow: 0px 0px 16px rgba(51, 51, 51, 0.06); padding: 16px 0; border-radius: 12px; }

.box13bj .bod .item.on .p1 { display: none; }

.soft-top-none { margin-top: 17px; }
.soft-top-none li + li { margin-top: 20px; }

.sec-tab { margin-top: 10px; }

.sec-tab-box { font-size: 0; margin-left: -22px; max-height: 150px; overflow: hidden; }
.sec-tab-box.on { max-height: none; }
.sec-tab-box .aview { display: inline-block; width: 126px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; margin: 10px 0 0 22px; background: #FAFAFA; border: 2px solid #FAFAFA; border-radius: 20px; overflow: hidden; }
.sec-tab-box .aview.on, .sec-tab-box .aview:hover { color: #0379ff; border-color: #0379ff; background-color: #DDEDFF; }

.tab-more { margin-top: 14px; cursor: pointer; display: none; }
.tab-more.on { display: block; }
.tab-more.up .icon-arrow { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.tab-more .icon-arrow { display: block; margin: 0 auto; transition: all .3s; }

.game-list ul { margin: 0 0 0 -30px; }
.game-list li { float: left; width: 378px; height: 110px; border-radius: 10px; margin: 25px 0 0 30px; border: 1px solid #eee; }
.game-list a { height: 100%; padding: 0 15px; }
.game-list a:hover .ptit { color: #0379ff; }
.game-list .dimg { width: 80px; height: 80px; margin-right: 10px; }
.game-list .pic { width: 100%; height: 100%; border-radius: 10px; }
.game-list .ptit { font-size: 18px; color: #333; line-height: 32px; }
.game-list .pinfo { line-height: 20px; font-size: 16px; color: #7e7e7e; margin: 5px 0; }
.game-list .pinfo span + span { margin-left: 20px; }
.game-list .orange { color: orange; }
.game-list .icon { margin: -4px 5px 0 0; }
.game-list .ptxt { font-size: 16px; color: #7e7e7e; }
.game-list .dinfo { overflow: hidden; }

.xgtj-list { margin-top: -10px; }
.xgtj-list ul { margin: 0; }
.xgtj-list li { float: none; width: 100%; height: 75px; border-radius: 0; border: none; margin: 0; }
.xgtj-list li + li { margin-top: 20px; }
.xgtj-list a { padding: 0; }
.xgtj-list .dimg, .xgtj-list .pic { width: 75px; height: 75px; }
.xgtj-list .dimg { border-radius: 18px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); }
.xgtj-list .ptit { font-size: 16px; line-height: 26px; }
.xgtj-list .pinfo { font-size: 14px; margin: 3px 0; }
.xgtj-list .ptxt { font-size: 14px; }
.xgtj-list .btn { width: 60px; }

.sec-nav { margin-bottom: 10px; }

.sec-nav-inner { font-size: 0; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.sec-nav-inner a { display: inline-block; width: 126px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; margin: 10px 0 0 0; background: #FAFAFA; border: 2px solid #FAFAFA; border-radius: 20px; overflow: hidden; }
.sec-nav-inner a + a { margin-left: 22px; }
.sec-nav-inner a.on, .sec-nav-inner a:hover { color: #0379ff; border-color: #0379ff; background-color: #DDEDFF; }

.news-list ul { margin-top: -10px; }
.news-list li { height: 172px; border-bottom: 1px solid #eee; }
.news-list a { height: 100%; }
.news-list .dimg { margin-right: 20px; width: 210px; height: 132px; }
.news-list .pic { width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.news-list .ptit { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #333; }
.news-list .ptit:hover { color: #0379ff; }
.news-list .ptxt { height: 50px; line-height: 25px; font-size: 14px; color: #666; text-align: justify; overflow: hidden; }
.news-list .ptime { font-size: 16px; color: #aaa; margin-top: 28px; line-height: 1.1; }

.rg-news-list li { font-size: 14px; line-height: 33px; height: 33px; overflow: hidden; }

.search-box { margin-top: 30px; }

.search-game-list ul { margin-top: -25px; }

.block-more { text-align: center; margin-top: 20px; }
.block-more .blue { color: #0379ff; }
.block-more .icons { vertical-align: 0; margin-left: 5px; background-color: #e5e5e5; border-radius: 2px; }

.icons-arrow2 { background-position: 0 -60px; height: 12px; width: 20px; }

.icons-yxzx { background-position: 0 -197px; height: 32px; width: 32px; }

.search-result-group { padding-top: 20px; padding-bottom: 10px; }

.news-list2 { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dashed #eee; }
.news-list2 ul { margin-left: -20px; }
.news-list2 li { width: 145px; float: left; color: #666; text-align: center; margin-left: 20px; }
.news-list2 a { display: block; }
.news-list2 .pimg, .news-list2 .pic { width: 145px; height: 92px; }
.news-list2 .ptit { height: 28px; line-height: 28px; margin-top: 5px; overflow: hidden; text-align: justify; }

.news-list3 li { color: #666; margin-top: 12px; }
.news-list3 a { display: block; height: 20px; line-height: 20px; overflow: hidden; text-align: justify; }

.news-list5 a { height: 75px; padding: 10px 0; padding-left: 135px; position: relative; }
.news-list5 .pimg { position: absolute; left: 0; top: 10px; width: 120px; height: 75px; }
.news-list5 .pic { width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.news-list5 .ptit { font-size: 13px; line-height: 22px; max-height: 44px; overflow: hidden; }

.game-info-main { height: 120px; background-color: #fafafa; }
.game-info-main .game-image { margin-right: 11px; }
.game-info-main .game-image .pic { width: 100px; height: 100px; border-radius: 18px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); }
.game-info-main .game-info-inner { width: 275px; margin-right: 10px; }
.game-info-main .game-info-inner .ptit { font-size: 20px; color: #333; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden; }
.game-info-main .game-info-inner .ptxt { font-size: 14px; color: #7e7e7e; line-height: 21px; height: 21px; margin: 5px 0 8px 0; overflow: hidden; }
.game-info-main .game-info-inner .pinfo { font-size: 14px; color: #bfbfbf; }
.game-info-main .game-score { line-height: 70px; font-size: 24px; font-weight: bold; color: #ffefa5; text-align: center; }
.game-info-main .game-btn { margin-left: 70px; }
.game-info-main .game-btn .btn { width: 220px; font-size: 16px; line-height: 40px; height: 40px; font-weight: normal; margin-left: 40px; }
.game-info-main .game-btn .btn.none { background-color: #ccc; box-shadow: none; cursor: default; }

.game-download { width: 300px; }
.game-download.on .gs { display: block; }
.game-download.on .pt { display: none; }
.game-download.on .ptips .gs { display: inline; }
.game-download.on .ptips .pt { display: none; }
.game-download.on .ptips .icon-gou { background-color: #0379ff; }
.game-download .gs { display: none; }
.game-download .ptips { color: #999; text-align: center; margin-top: 10px; }
.game-download .ptips .icon-gou { border-radius: 50%; background-color: #c6c6c6; margin-right: 6px; cursor: pointer; margin-top: -2px; }

.game-detail-tag { font-size: 0; margin: 4px 0 0 -10px; }
.game-detail-tag .stag { display: inline-block; line-height: 28px; font-size: 14px; color: #aaa; text-align: center; padding: 0 20px; border: 1px solid #eee; border-radius: 18px; background: #fafafa; margin: 10px 0 0 10px; }
.game-detail-tag .stag:hover { background-color: #0379ff; color: #fff; border-color: #0379ff; }

.game-detail-tag .mod-stag { display: inline-block; line-height: 28px; font-size: 14px; color: #aaa; text-align: center; padding: 0 20px; border: 1px solid #eee; border-radius: 18px; background: #fafafa; margin: 10px 0 0 10px; }


.detail-cmt-tab { margin-top: 10px; }
.detail-cmt-tab .aview { font-size: 18px; color: #999; position: relative; line-height: 40px; }
.detail-cmt-tab .aview + .aview { margin-left: 45px; }
.detail-cmt-tab .aview:hover { font-weight: bold; }
.detail-cmt-tab .aview.on { color: #404040; font-weight: bold; }
.detail-cmt-tab .aview.on:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 30px; height: 3px; background: #0379ff; border-radius: 2px; transform: translateX(-50%); }

.scrollview { width: 100%; font-size: 0; white-space: nowrap; overflow: auto; }

.game-detail-image { margin-top: 20px; overflow: hidden; }
.game-detail-image .li { display: inline-block; height: 320px; }
.game-detail-image .li + .li { margin-left: 10px; }
.game-detail-image .pic { display: block; height: 100%; }

.pop-images { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; z-index: -1; }
.pop-images.show { display: -webkit-box; display: -webkit-flex; display: flex; z-index: 1001; }
.pop-images .pic { max-width: 100%; max-height: calc(100vh - 70px); }
.pop-images .ul { position: relative; }
.pop-images .li { position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: all 1.5s; }
.pop-images .li.on { position: static; opacity: 1; visibility: visible; }
.pop-images .chbtn { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 60px; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; opacity: 0; visibility: hidden; transition: opacity 0.5s; }
.pop-images .chbtn:hover { background-color: rgba(0, 0, 0, 0.7); }
.pop-images .chbtn:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; border: 4px solid #fff; border-left: none; border-bottom: none; transform: translate(-77%, -50%) rotate(45deg); }
.pop-images .chbtn.hide { display: none; }
.pop-images .prev { left: 0; }
.pop-images .prev:before { border: 4px solid #fff; border-right: none; border-top: none; transform: translate(-24%, -50%) rotate(45deg); }
.pop-images .next { right: 0; }
.pop-images .btn-close { position: absolute; right: 0; bottom: -35px; width: 30px; height: 30px; cursor: pointer; }
.pop-images .btn-close:hover:before, .pop-images .btn-close:hover:after { background-color: #fff; }
.pop-images .btn-close:before, .pop-images .btn-close:after { content: ''; display: block; width: 3px; height: 30px; background-color: #ccc; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.pop-images .btn-close:after { transform: translate(-50%, -50%) rotate(-45deg); }

.pop-images-inner { position: relative; }
.pop-images-inner:hover .chbtn { opacity: 1; visibility: visible; }

.game-detail-section { margin-top: 5px; }

.game-detail-title .ptitle { font-size: 18px; font-weight: bold; }
.game-detail-title .pzhankai { font-size: 12px; color: #0379ff; margin-top: 4px; }
.game-detail-title .pzhankai.on .arrow { margin-top: 2px; transform: rotate(-135deg); }
.game-detail-title .pzhankai .arrow { display: inline-block; vertical-align: middle; width: 6px; height: 6px; border: 2px solid #0379ff; border-top: none; border-left: none; margin: -6px 5px 0 0; transform: rotate(45deg); transition: all 0.3s; }
.game-detail-title .pfanli { width: 80px; line-height: 22px; font-size: 12px; color: #ffa500; text-align: center; border: 1px solid #ffa500; border-radius: 4px; margin-right: 15px; }

.game-detail-text { font-size: 14px; color: #666; line-height: 24px; }
.game-detail-text .text-inner span { font-size: 14px; color: #aaa; line-height: 24px; }
.game-detail-text a { color: #0379ff; }
.game-detail-text h3{height: 28px;font-size: 18px;font-weight: bold;display: inline-block;color: #333;vertical-align: middle;padding-left: 10px;border-left: 5px solid #0379ff; margin: 12px 0;}

.game-other-list { margin-top: 10px; margin: 10px 0 0 -20px; padding-bottom: 1px; overflow: hidden; }
.game-other-list .item { float: left; width: 90px; margin-left: 20px; text-align: center; }
.game-other-list .aview:hover .ptit { color: #0379ff; }
.game-other-list .pimg { width: 75px; margin: 0 auto; border-radius: 18px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); }
.game-other-list .pic { width: 75px; height: 75px; }
.game-other-list .ptit { font-size: 16px; color: #555; text-align: center; line-height: 24px; height: 24px; margin: 15px 0 0 0; overflow: hidden; white-space: normal; }
.game-other-list .btn { font-size: 16px; font-weight: normal; line-height: 30px; margin-top: 10px; margin-bottom: 20px; box-shadow: 0px 4px 10px 0px rgba(3, 121, 255, 0.2); }

.version-list { background-color: #fafafa; margin-top: 10px; padding-bottom: 20px; border-radius: 0.1rem;}
.version-list .item { width: 33.3%; float: left; margin-top: 20px; }
.version-list .item:nth-child(3n + 1) .ptit, .version-list .item:nth-child(3n + 1) .ptxt { margin-left: 30px; }
.version-list .ptit { font-size: 16px; color: #aaa; margin-left: 15px; }
.version-list .ptxt { font-size: 14px; margin-top: 5px; margin-left: 15px; }
.version-list .qgx { display: inline; font-size: 14px; color: #0379ff; margin-left: 5px; }

.relation-version { overflow: hidden; }
.relation-version li { height: 50px; line-height: 50px; font-size: 14px; overflow: hidden; color: #666; }
.relation-version li + li { border-top: 1px dashed #ddd; }
.relation-version .tit { width: 352px; height: 50px; margin-right: 30px; padding-left: 10px; float: left; padding-left: 0; color: #666; }
.relation-version .tit:hover { color: #0379ff; }
.relation-version .size { margin-left: 30px; }
.relation-version .nstar { vertical-align: top; margin-top: 17px; }
.relation-version .btn { float: right; margin-top: 10px; }

.nstar { display: inline-block; width: 85px; height: 15px; background: url(../images/star.png) no-repeat; }
.nstar.star1 { background-position: -70px 0px; }
.nstar.star2 { background-position: -52px 0px; }
.nstar.star3 { background-position: -35px 0px; }
.nstar.star4 { background-position: -18px 0px; }

.news-focus { overflow: hidden; margin-bottom: 20px; margin-top: 15px; }
.news-focus .pic-wrap { width: 250px; height: 140px; float: left; margin-right: 15px; }
.news-focus .pic { width: 100%; height: 100%; }
.news-focus .tit { height: 32px; line-height: 32px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 8px; }
.news-focus .time { color: #999; margin-bottom: 4px; }
.news-focus .icon-time { margin: -3px 5px 0 0; }
.news-focus .txt { color: #666; line-height: 26px; height: 78px; overflow: hidden; text-align: justify; }

.news-list4 { overflow: hidden; }
.news-list4 li { height: 40px; line-height: 40px; overflow: hidden; border-top: 1px dashed #eee; }
.news-list4 .tit { color: #666; }
.news-list4 .tit:hover { color: #0379ff; }
.news-list4 .tit:before { content: ''; display: inline-block; vertical-align: 3px; margin-right: 5px; width: 4px; height: 4px; background: #bbb; }
.news-list4 .time { float: right; margin-left: 20px; color: #999; }

.game-tag { overflow: hidden; margin-left: -4px; }
.game-tag li { float: left; line-height: 40px; height: 40px; overflow: hidden; text-align: center; padding: 0 20px; margin: 4px 0 0 4px; }
.game-tag li:hover { background-color: #0379ff !important; }
.game-tag li:nth-child(1) { width: 153px; padding: 0 !important; background-color: #9266f9; }
.game-tag li:nth-child(2) { width: 153px; padding: 0 !important; background-color: #a6937c; }
.game-tag li:nth-child(3) { width: 186px; padding: 0 !important; background-color: #ed6557; }
.game-tag li:nth-child(4) { width: 120px; padding: 0 !important; background-color: #8c97cb; }
.game-tag li:nth-child(5) { display: table; width: 36px; height: 84px; line-height: 20px; padding: 0 43px !important; background-color: #a6937c; }
.game-tag li:nth-child(5) a { display: table-cell; vertical-align: middle; }
.game-tag li:nth-child(6) { width: 90px; padding: 0 !important; background-color: #5dc9ea; }
.game-tag li:nth-child(7) { width: 90px; padding: 0 !important; background-color: #f19ec2; }
.game-tag li:nth-child(8) { width: 90px; padding: 0 !important; background-color: #8c97cb; }
.game-tag li:nth-child(9) { width: 90px; padding: 0 !important; background-color: #b3d465; }
.game-tag li:nth-child(11) { width: 69px; }
.game-tag li:nth-child(12) { width: 69px; }
.game-tag li:nth-child(13) { width: 125px; }
.game-tag li:nth-child(14) { width: 125px; }
.game-tag li:nth-child(n+15) { display: none; }
.game-tag li:nth-child(9n+1) { background-color: #9266f9; }
.game-tag li:nth-child(9n+2) { background-color: #a6937c; }
.game-tag li:nth-child(9n+3) { background-color: #ed6557; padding: 0 14px; }
.game-tag li:nth-child(9n+4) { background-color: #8c97cb; padding: 0 14px; }
.game-tag li:nth-child(9n+5) { background-color: #a6937c; padding: 0 14px; }
.game-tag li:nth-child(9n+6) { background-color: #5dc9ea; padding: 0 14px; }
.game-tag li:nth-child(9n+7) { background-color: #f19ec2; padding: 0 10px; }
.game-tag li:nth-child(9n+8) { background-color: #8c97cb; padding: 0 10px; }
.game-tag li:nth-child(9n) { background-color: #b3d465; padding: 0 10px; }
.game-tag a { font-size: 14px; color: #fff; display: block; }

.detail-tab-list.bor { margin: 10px -10px 0 -10px; border-top: 1px solid #FAFAFA; }

.comment-list .item { position: relative; padding: 20px 20px 15px 20px; border-radius: 12px; }
.comment-list .areport { position: absolute; right: 21px; top: 15px; font-size: 16px; color: #7E7E7E; }
.comment-list .cmt-top { height: 60px; }
.comment-list .cmt-top .pic { width: 58px; height: 58px; border-radius: 50%; border: 1px solid #DDDDDD; }
.comment-list .cmt-top .pimg { margin-right: 10px; }
.comment-list .cmt-top .pname { font-size: 16px; color: #333; padding-top: 8px; }
.comment-list .cmt-top .ptime { font-size: 16px; color: #aaa; margin-top: 5px; }
.comment-list .cmt-star { height: 16px; margin-top: 12px; }
.comment-list .stars { float: left; }
.comment-list .stars + .stars { margin-left: 6px; }
.comment-list .cmt-comment { font-size: 14px; color: #333; line-height: 24px; margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.comment-list .cmt-comment .txt.over1 { max-height: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.comment-list .cmt-comment .more-btn1, .comment-list .cmt-comment .more-btn2 { display: none; color: #23C268; font-size: 12px; line-height: 21px; margin-top: 2.5px;text-align: right; }
.comment-list .cmt-bot { margin-top: 15px; }
.comment-list .cmt-bot .plf { line-height: 20px; font-size: 16px; color: #B3B3B3; }
.comment-list .cmt-bot .prg { font-size: 14px; color: #404040; }
.comment-list .cmt-bot .icon { margin: -4.5px 6px 0 0; }
.comment-list .cmt-bot .span + .span { margin-left: 19px; }
.comment-list .comment-reply { margin-top: 20px; }
.comment-list .comment-reply .reply-list { margin-top: -10px; border-left: 1px solid #eee; padding-left: 10px; }
.comment-list .comment-reply .reply-list .comment { border-bottom: 1px solid #eee; padding: 11px 12px 14px 50px; position: relative; min-height: 28px; }
.comment-list .comment-reply .reply-list .comment .avatar { width: 28px; height: 28px; overflow: hidden; border-radius: 50%; position: absolute; left: 15px; top: 15px; }
.comment-list .comment-reply .reply-list .comment .avatar img { display: block; width: 100%; height: 100%; }
.comment-list .comment-reply .reply-list .comment .comment-tit { position: relative; }
.comment-list .comment-reply .reply-list .comment .comment-tit .nick { height: 22px; line-height: 23px; overflow: hidden; color: #B3B3B3; font-size: 2px; }
.comment-list .comment-reply .reply-list .comment .comment-tit .nick em { float: left; max-width: 109px; height: 22px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #999; margin-right: 8px; }
.comment-list .comment-reply .reply-list .comment .comment-con { overflow: hidden; margin-top: 8px; }
.comment-list .comment-reply .reply-list .comment .comment-con .txt { font-size: 14px; line-height: 21px; }
.comment-list .comment-reply .reply-list .comment .comment-con .txt .name { margin: 0 5px; color: #507CBB !important; }
.comment-list .comment-reply .reply-list .comment .comment-info { height: 18px; line-height: 19px; font-size: 11px; color: #999; overflow: hidden; margin-top: 6px; }
.comment-list .comment-reply .reply-list .comment .comment-info .fl { float: left; }
.comment-list .comment-reply .reply-list .comment .comment-info .fl span { float: left; margin-right: 1px; }
.comment-list .comment-reply .reply-list .comment .comment-info .fl .c-device { background-size: 11px 13px; margin-left: 350px; }
.comment-list .comment-reply .reply-list .reply-item { padding: 5px 0; font-size: 14px; color: #666; }
.comment-list .comment-reply .reply-total { height: 24px; line-height: 24px; font-size: 14px; color: #23c268; margin-top: 6px; display: inline-block; cursor: pointer; }
.comment-list .comment-reply .reply-total i { display: inline-block; width: 0; height: 0; vertical-align: top; border: 4px solid transparent; border-top-color: #23c268; margin: 11px 8px 0; }

.laypage_main { text-align: center; margin: 40px 0; color: #879299; }

.laypage_main span, .laypage_main a { display: inline-block; vertical-align: top; height: 28px; line-height: 28px; min-width: 12px; padding: 0px 8px; border: 1px solid #ededed; color: #666; font-size: 14px; border-radius: 2px; margin-left: 5px; }

.laypage_main a:hover, .laypage_main .laypage_curr { background-color: #38CD7E; border-color: #38CD7E; color: #fff; }

.comment-mask { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAYSURBVBiVY2RgYJjJQARgIkbRqELqKQQABFMArUDOM0UAAAAASUVORK5CYII=); width: 100%; height: 120%; position: fixed; left: 0; top: 0; z-index: 995; }
.comment-mask .comment-dialog { background: #fff; width: 700px; height: 700px; border-radius: 10px; overflow: auto; position: absolute; z-index: 999; left: 50%; margin-left: -350px; top: 32px; }
.comment-mask .comment-dialog .comment-dialog-hide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJDMjgyN0VGNDJENjExRUNBMjJFQzRGRjg3MzNGNzZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJDMjgyN0YwNDJENjExRUNBMjJFQzRGRjg3MzNGNzZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkMyODI3RUQ0MkQ2MTFFQ0EyMkVDNEZGODczM0Y3NkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkMyODI3RUU0MkQ2MTFFQ0EyMkVDNEZGODczM0Y3NkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4u9DXcAAAA7ElEQVR42pSUUQ7CIAyGGXIWHzyDL17DxwXjmcjMXpRdw3iNHcbZmjZhDR1dk4bRwbfS/qNLKXXOuSs4jhl8cXZb7Q00edHLC3g0AhHwAO854MWCnhZ0e0EMm8DHHcAaCPdnT0e6GYFeAf1Lw8f8GoC4dtBAsmZbwEMLhBbEMRjoio04nsGPW6BaN7UMmyANxsA7+CziM32oqkMNhvEkMuIMB002XonJYs8WHXoDCGt0sugwGECxELbssqvpzBt01BR2oIemIAtg1DLkK8gCYlsU4Fs2YDTeZwwcZQMm+vfQnjtuWgZ+aJ5/AgwAvnRV4OdZO2IAAAAASUVORK5CYII=) no-repeat center; position: absolute; right: 8px; top: 8px; width: 36px; height: 36px; overflow: hidden; line-height: 99; z-index: 99; }
.comment-mask .comment-dialog .comment-list .item { background-color: unset; }

.comment-none { color: #ccc; padding: 30px 0 80px 0; text-align: center; }

.rg-info-top { height: 110px; }
.rg-info-top .pic { width: 110px; height: 110px; }
.rg-info-top .dimg { margin-right: 10px; }
.rg-info-top .ptit { font-size: 15px; line-height: 24px; font-weight: bold; }
.rg-info-top .ptxt { color: #666; line-height: 20px; margin-top: 5px; }
.rg-info-top .ptxt + .ptxt { margin-top: 8px; }
.rg-info-top .sptxt { display: inline-block; vertical-align: middle; border-bottom: 1px dashed #0379ff; }
.rg-info-top .icon { margin-right: 8px; width: 16px; height: 16px; }

.rg-info-bot { border-top: 1px solid #eee; padding-top: 20px; font-size: 0; line-height: 40px; }
.rg-info-bot .dtit { font-size: 16px; color: #666; display: inline-block; vertical-align: middle; }
.rg-info-bot .dshare { font-size: 0; display: inline-block; vertical-align: middle; margin-left: 20px; height: 40px; }
.rg-info-bot .dshare a { display: inline-block; }
.rg-info-bot .dshare a + a { margin-left: 10px; }

.sy_swxpop { width: 300px; background: #fff; border-radius: 6px; text-align: center; position: fixed; left: 50%; top: 50%; margin: -144px 0 0 -150px; z-index: 9999; height: 0px; overflow: hidden; }
.sy_swxpop .pop-qrcode { padding: 20px 0; }
.sy_swxpop .p1 { font-size: 16px; padding-bottom: 6px; }
.sy_swxpop .code { width: 160px; height: 160px; margin: 10px auto; }
.sy_swxpop .p2 { line-height: 20px; font-size: 12px; }

.sclose { width: 17px; height: 17px; position: absolute; top: 16px; right: 16px; cursor: pointer; }
.sclose:before, .sclose:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 2px; height: 22px; background-color: #666; -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.sclose:after { -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }

.pop-mask { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0px; left: 0px; z-index: 999; display: none; }

.pop-download { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9; background-color: rgba(0, 0, 0, 0.5); display: none; }
.pop-download.on { display: block; }

.dialog-content { width: 600px; min-height: 100px; background: #fff; text-align: center; z-index: 1005; position: fixed; left: 50%; top: 50%; padding: 50px 0; font-size: 16px; border-radius: 4px; color: #666; transform: translate(-50%, -50%); }
.dialog-content .title { font-size: 24px; font-weight: bold; margin-bottom: 30px; color: #333333; }
.dialog-content i { color: #fa4e57; }

.sub-content { min-width: 520px; padding: 30px 0; margin: 20px 0; display: inline-block; }

.appSlogan { background-color: #f6f6f6; }
.appSlogan .img { float: left; width: 180px; height: 174px; overflow: hidden; text-align: center; line-height: 2.8; font-size: 14px; font-weight: 700; color: #333; margin-left: 15px; }
.appSlogan .img img { display: block; width: 140px; height: 140px; margin: 0 auto; }
.appSlogan .con { float: left; width: 304px; overflow: hidden; margin-left: 10px; }
.appSlogan .con p { text-align: left; height: 34px; line-height: 34px; font-size: 14px; margin-bottom: 0 !important; color: #666; }
.appSlogan .con p em { margin-right: 8px; vertical-align: -2px; height: 18px; width: 18px; background: url(../images/ico-slogan.png) no-repeat 0 0; }
.appSlogan .con .d_tip_2 { background-position: -18px 0; }
.appSlogan .con .d_tip_3 { background-position: -36px 0; }
.appSlogan .con .d_tip_4 { background-position: -54px 0; }
.appSlogan .con .tit { height: 26px; line-height: 26px; font-size: 18px; margin-bottom: 10px !important; }

.action-bar { margin-top: 22px; }
.action-bar .btn { display: inline-block; vertical-align: top; border-radius: 4px; font-size: 16px; color: #fff; margin: 0 10px; height: 48px; line-height: 48px; min-width: 180px; background-color: #0379ff; box-shadow: none; }
.action-bar .btn + .btn { background-color: #23c268; }

.game-detail-note { padding: 20px 10px; background-color: #fafafa; margin-top: 20px; }
.game-detail-note .title { font-size: 17px; color: #ff0000; font-weight: bold; margin-bottom: 10px; }
.game-detail-note .text { color: #333; text-align: justify; word-break: break-all; }

.banner-adv { margin-left: auto; margin-right: auto; width: 1200px; height: 120px; margin-top: 10px; }

.s-pic-adv { width: 310px; height: 150px; margin-top: 15px; }

.new-hot { display: flex; font-size: 14px; color: #999; font-weight: bold; }
.new-hot .left { cursor: pointer; }
.new-hot .right { cursor: pointer; }
.new-hot .middle { padding: 0 5px; }
.new-hot .on { color: #0379ff; }

.bl-list .item { padding: 5px 20px; }
.bl-list .item:nth-child(6) { padding-right: 0; }
.bl-list .item:nth-child(12) { padding-right: 0; }

.game-hot { display: none; }

.top-header { margin-top: 30px; }

.top-header-fl { position: relative; }
.top-header-fl .ptxt { position: absolute; color: #be9b50; right: -86px; bottom: 0; font-size: inherit; }

.page-top { background-color: #f6f6f6; }

.top-list { margin-top: 30px; }
.top-list li { position: relative; height: 180px; margin-top: 10px; padding: 0 100px 0 52px; background-color: #fff; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05); border-radius: 2px; }
.top-list li.rank1 .drank { color: #fff; }
.top-list li.rank1 .drank:before { border-left-color: #ff3f46; border-top-color: #ff3f46; }
.top-list li.rank2 .drank { color: #fff; }
.top-list li.rank2 .drank:before { border-left-color: #ff8355; border-top-color: #ff8355; }
.top-list li.rank3 .drank { color: #fff; }
.top-list li.rank3 .drank:before { border-left-color: #ffcc5b; border-top-color: #ffcc5b; }
.top-list .dimg { margin-top: -22px; }
.top-list .pic { width: 120px; height: 120px; border-radius: 15px; }
.top-list .dinfo { margin: 0 16px 0 38px; overflow: hidden; }
.top-list .ptit { height: 32px; line-height: 32px; font-size: 24px; }
.top-list .pcs { height: 24px; overflow: hidden; line-height: 24px; font-size: 14px; color: #999; margin-top: 2px; }
.top-list .pscore { font-size: 16px; color: #666; line-height: 28px; height: 28px; }
.top-list .pscore .nstar { margin-left: 15px; margin-top: -3px; vertical-align: middle; }
.top-list .top-tag { height: 36px; overflow: hidden; }
.top-list .top-tag .stag { margin-top: 0; font-size: 14px; line-height: 25px; padding: 0 15px; margin-top: 5px; }
.top-list .ptxt { height: 24px; line-height: 24px; margin-top: 6px; }
.top-list .icon-score2 { line-height: 88px; font-size: 24px; font-weight: bold; color: #ffefa5; text-align: center; margin: 0 auto; }
.top-list .btn { display: block; width: 150px; line-height: 40px; height: 40px; font-size: 16px; box-shadow: none; margin-top: 22px; }
.top-list .drank { position: absolute; left: 0; top: 0; width: 62px; line-height: 43px; font-size: 26px; color: #999; text-align: center; text-indent: -27px; font-style: italic; }
.top-list .drank:before { content: ''; display: block; position: absolute; left: 0; top: 0; border: 31px solid transparent; border-left-color: #eee; border-top-color: #eee; }
.top-list .drank span { position: relative; }

.article-box { padding-bottom: 20px; }

.article-title { text-align: center; padding: 15px 0; border-bottom: 1px solid #eee; overflow: hidden; }
.article-title .title { color: #000; font-size: 24px; font-weight: bold; line-height: 1.5; margin-bottom: 15px; }
.article-title .ptime { color: #999; line-height: 22px; }
.article-title .ptime span { margin: 0 10px; }

.article-text { line-height: 1.8; font-size: 15px; color: #666; padding: 15px 0 0 0; text-align: justify; word-break: break-all; }
.article-text a { color: #0379ff; }
.article-text img, .article-text mip-img { max-width: 100%; height: auto; margin: 0 auto !important; display: block !important; }
.article-text mip-img { margin: 5px auto !important; }

.article-bot .atag { line-height: 24px; padding: 0 12px; color: #fff; margin-right: 5px; border-radius: 1px; background-color: #0379ff; }
.article-bot .atag:hover { background-color: #419aff; }

.article-page { margin-bottom: 10px; }
.article-page p { display: inline; }
.article-page li { line-height: 32px; height: 32px; color: #333; overflow: hidden; }
.article-page li + li { border-top: 1px dashed #eee; }

.article-tuijian ul { margin: 0 -7px; }
.article-tuijian li { float: left; width: 277px; padding: 0 7px; margin-bottom: 15px; }
.article-tuijian a { display: block; }
.article-tuijian .pimg { display: block; height: 166px; overflow: hidden; position: relative; border-radius: 18px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4); }
.article-tuijian .pic { width: 100%; height: 100%; }
.article-tuijian .ptit { font-size: 14px; line-height: 22px; height: 22px; overflow: hidden; text-align: center; margin-top: 10px; }

.mab20 { margin-bottom: 20px; }

.rg-tab-tit { line-height: 42px; height: 42px; border-bottom: 1px solid #eee; margin-bottom: 15px; }
.rg-tab-tit .aitem { width: 50%; float: left; text-align: center; font-size: 18px; font-weight: bold; color: #333; cursor: pointer; }
.rg-tab-tit .aitem.on { height: 41px; color: #0379ff; border-bottom: 2px solid #0379ff; }

.page-other { background-color: #F5F7F8; }

.mat16 { margin-top: 16px; }

.wrap-menu { width: 172px; height: 490px; background-color: #fff; }
.wrap-menu a { display: block; position: relative; line-height: 68px; font-size: 16px; text-align: center; }
.wrap-menu a.on, .wrap-menu a:hover { color: #0379FF; }
.wrap-menu a.on:before, .wrap-menu a.on:after { content: ''; display: block; position: absolute; left: 0; top: 50%; height: 26px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.wrap-menu a.on:before { width: 4px; background: #0379FF; }
.wrap-menu a.on:after { left: 4px; width: 1px; background-color: #F7B500; }

.wrap-content { width: 1012px; min-height: 490px; background-color: #fff; }

.content-title { font-size: 0; padding: 20px 40px 0 40px; }
.content-title a { position: relative; display: inline-block; line-height: 48px; font-size: 18px; color: #929292; }
.content-title a + a { margin-left: 57px; }
.content-title a.on, .content-title a:hover { color: #0279FF; }
.content-title a.on:after { content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 22px; height: 3px; background: #0279FF; border-radius: 100px 0px 100px 0px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.content-title .sptag { display: inline-block; line-height: 48px; font-size: 18px; color: #929292; margin-left: 10px; }

.question-list { margin-top: 22px; padding: 0 18px 36px 40px; }
.question-list dl + dl { margin-top: 10px; }
.question-list dl.on dd { display: block; }
.question-list dt, .question-list dd { position: relative; padding-left: 38px; font-size: 16px; }
.question-list dt { line-height: 34px; cursor: pointer; font-size: 16px; color: #000; font-weight: 500; }
.question-list dd { display: none; color: #868686; line-height: 27px; margin-top: 8px; }
.question-list dd p + p { margin-top: 30px; }
.question-list dd img { max-width: 100%; height: auto !important; }
.question-list .sptag { position: absolute; left: 0; top: 0; font-size: 18px; }
.question-list .ptips { color: #FA6400; }

.kuaijie-list { font-size: 0; margin-top: 34px; padding: 0 40px; }
.kuaijie-list.ed { display: none; }
.kuaijie-list a { display: inline-block; }
.kuaijie-list a + a { margin-left: 128px; }
.kuaijie-list img { display: block; width: 66px; height: 66px; margin: 0 auto; }
.kuaijie-list .sptxt { display: block; font-size: 14px; color: #404040; text-align: center; margin-top: 6px; }

.menu a:hover, .menu a.on { display: inline-block; color: #0279FF; }
.menu a.on:after { content: ''; display: block; position: absolute; left: 50%; bottom: -20px; width: 22px; height: 3px; background: #0279FF; border-radius: 100px 0px 100px 0px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.log-banner { padding: 18px 0 0 17px; }

.log-list { margin: 40px 75px 0 172px; padding-bottom: 40px; }
.log-list dl { position: relative; margin-top: 30px; }
.log-list dl:before { content: ''; display: block; position: absolute; left: -42px; width: 1px; top: -24px; bottom: -24px; background-color: #E5E5E5; }
.log-list dt { position: relative; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; }
.log-list dt:before { content: ''; display: block; position: absolute; left: -51px; top: 7px; width: 20px; height: 20px; background-color: #fff; border: 2px solid #0379FF; border-radius: 20px; box-sizing: border-box; }
.log-list dd { color: #6D757D; line-height: 25px; margin-top: 20px; }
.log-list .ptit { font-size: 24px; font-weight: bold; }
.log-list .ptxt { font-size: 12px; color: #999; margin-top: 5px; }
.log-list .adownload { display: block; position: absolute; left: 170px; top: 50%; width: 110px; height: 35px; line-height: 35px; font-size: 12px; color: #fff; text-align: center; background: #0379FF; border-radius: 35px; margin-top: -25px; }

.detail-box { padding: 40px 53px 20px 43px; }

.detail-title { position: relative; }
.detail-title:after { content: ''; display: block; position: absolute; left: 133px; right: -53px; top: 50%; height: 4px; background-color: #FAFAFA; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.detail-title span { display: inline-block; font-size: 20px; font-weight: bold; line-height: 20px; position: relative; z-index: 1; }
.detail-title span:before, .detail-title span:after { content: ''; display: block; position: absolute; }
.detail-title span:before { z-index: -1; left: 0; right: -2px; bottom: 0; height: 6px; background-color: #0379FF; opacity: .2; }
.detail-title span:after { right: -8px; top: -8px; width: 6px; height: 6px; border-radius: 6px; background-color: #0379FF; opacity: .2; }

.detail-text { font-size: 16px; color: #666; line-height: 27px; margin-top: 15px; }
.detail-text .ptit { color: #333; font-weight: bold; margin-bottom: 6px; }
.detail-text .idot { display: inline-block; vertical-align: middle; width: 8px; height: 17px; background-color: #0379FF; margin: -5px 8px 0 0; -moz-transform: skew(-9deg); -ms-transform: skew(-9deg); -webkit-transform: skew(-9deg); transform: skew(-9deg); }
.detail-text .pad { padding-right: 320px; }

.contact-text { margin-top: 30px; font-size: 16px; color: #666; }
.contact-text .ptit { font-size: 18px; color: #494949; font-weight: bold; }
.contact-text p { margin: 20px 0; }

.m { display: none; }

/* 最新开服 */
.tabbar .tags {
  display: flex;
}

.tabbar .tags a {
  width: 120px;
  height: 40px;
  background-color: #fafafa;
  text-align: center;
  line-height: 40px;
}

.tag-center {
  margin-left: 20px;
  margin-right: 20px;
}

.tabbar .tags a li .rmbgc {
  background-color: transparent;
}

.activeNow {
  color: #fff;
  height: 48px !important;
  background-color: #fff !important;
  background: url('../images/newgames/Union.png') no-repeat center;
}

.content-list .top-info ul {
  width: 860px;
  height: 39px;
  border-top: 3px solid #0379ff;
  margin: 10px 0px 10px;
  display: flex;
  background-color: #fafafa;
  text-align: center;
  line-height: 39px;
}

.content-list .newgamelist .date-time img {
  margin-right: 10px;
  vertical-align: middle;
}

.content-list .newgamelist .date-time span {
  display: inline-block;
  width: 62px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  height: 26px;
  background: #FDAB4B;
  border-radius: 80px 90px 90px 0px;
}


/* -------已到开服时间样式 */
.content-list .newgamelist .date-time-01 {
  display: flex;
  position: relative;
  margin-top: 20px;
  align-items: center;
  padding-bottom: 20px;
  /* border-bottom: 1px solid #aaaaaa; */
}

.content-list .newgamelist .date-time-01 span.line {
  width: 740px;
  height: 1px;
  background-color:
          #EEEEEE;
  position: absolute;
  transform: translateX(122px)translateY(50px);
}

.content-list .newgamelist .date-time-01 .time-tag {
  vertical-align: middle;
}

.content-list .newgamelist .date-time-01 img {
  margin-right: 10px;
  vertical-align: middle
}

.content-list .newgamelist .date-time-01 span {
  display: inline-block;
  width: 62px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  height: 26px;
  background: #FDAB4B;
  border-radius: 80px 90px 90px 0px;
}

.content-list .newgamelist .date-time-01 .game-detil {
  display: flex;

}

.content-list .newgamelist .date-time-01 .game-detil img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-left: 30px;
  margin-right: 15px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
}

.content-list .newgamelist .date-time-01 .game-detil .games {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.content-list .newgamelist .date-time-01 .game-detil .games .game-title {
  margin-bottom: 10px;
  font-weight: bold;
  color: #333333;
  overflow: hidden;height: 20px;
}

.content-list .newgamelist .date-time-01 .game-detil .games .game-desc {
  font-size: 12px;
  color: #7E7E7E;
  overflow: hidden;height: 15px;
}

.content-list .newgamelist .date-time-01 .pick-area {
  /* border: 1px solid #f4f4f4; */
  width: 100px;
  height: 38px;
  border-radius: 90px 90px 90px 90px;
  background-color: #fff;
  margin: 0px 20px;
  line-height: 38px;
  text-align: center;
  overflow: hidden;
}

.current-pick {
  color: #0379FF;
  border: 1px solid rgb(3, 121, 255);
}

.content-list .newgamelist .date-time-01 .games-type text {
  font-weight: bold;
}

.content-list .newgamelist .date-time-01 .games-type text:nth-child(2) {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding: 0 10px;
  margin: 0 5px;
}

.content-list .newgamelist .date-time-01 button.download-games {
  width: 80px;
  height: 30px;
  color: #fff;
  background: #0379FF;
  box-shadow: 0px 4px 8px 0px rgba(3, 121, 255, 0.25);
  border-radius: 90px 90px 90px 90px;
  border: 1px solid transparent;
  opacity: 1;
  margin-left: 20px;
}

.content-list .newgamelist .date-time-01 .progress-01 {
  height: 100px;
  border-left: 2px dashed #fdab4b;
  position: absolute;
  transform: translateX(7px)translateY(58px);
}

.content-list .newgamelist .date-time-01 .progress-01-a {
  height: 100px;
  /* border-left: 2px dashed  red; */
  position: absolute;
  transform: translateX(50px)translateY(58px);
}

/* 即将开服样式 */
.content-list .newgamelist .date-time-01 .time-tag.tag-a span {
  display: inline-block;
  width: 62px;
  color: #b7b7b7;
  text-align: center;
  line-height: 26px;
  height: 26px;
  background: #fff;
  margin-left: 30px;
}

.content-list .newgamelist .date-time-01 .progress-01-a {
  height: 106px;
  border-left: 2px dashed #fdab4b;
  position: absolute;
  transform: translateX(6px)translateY(-1px);
}

/* 游戏攻略 */
.Introduction-item {
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 16px;
}
.Introduction-item a:hover{
  color: #333333;
}
.Introduction-item .games-item {
  height: 100px;
  background-color: #fafafa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
}

.Introduction-item .games-item img {
  width: 70px;
  height: 70px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px 10px 10px 10px;
  opacity: 1;
  margin-right: 20px;
}

.Introduction-item .games-item .game-title {
  display: flex;
}

.Introduction-item .games-item .game-title .games-desc {
  display: flex;
  width: 350px;
  flex-direction: column;
  justify-content: center;
}

.Introduction-item .games-item .game-title .games-desc .title {
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Introduction-item .games-item .game-title .games-desc .desc {
  display: inline-block;
  font-size: 12px;
  color: #a4a4a4;
  margin-top: 18px;
}

.Introduction-item .games-item .view {
  color: #fff;
  text-align: center;
  line-height: 40px;
  display: inline-block;
  width: 150px;
  height: 40px;
  background: #0379FF;
  box-shadow: 0px 4px 8px 0px rgba(3, 121, 255, 0.25);
  border-radius: 90px 90px 90px 90px;
  opacity: 1;
}
.Introduction-item .Instrodution-info{
  display: flex;
}
.Introduction-item .Instrodution-info .info-list-left{
  margin-right: 50px;
}
.Introduction-item .Instrodution-info .info-list-left ul {
  display: flex;
  flex-wrap: wrap;
  width: 860px;
}
.Introduction-item .Instrodution-info .info-list-left ul li{
  margin-right: 58px;
  width: 352px;
  height: 36px;
  line-height: 36px;
  list-style-type: disc;
  list-style-position: inside;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.Introduction-item .Instrodution-info .info-list-left ul li:hover{
  color: #0379FF;
}
.Introduction-item .Instrodution-info .info-list-left ul li a{
  margin-left: -5px;

}


.tuijian-box .Instrodution-info{
  display: flex;
}
.tuijian-box .Instrodution-info .info-list-left{
  margin-right: 50px;
}
.tuijian-box .Instrodution-info .info-list-left ul {
  display: flex;
  flex-wrap: wrap;
  width: 860px;
}
.tuijian-box .Instrodution-info .info-list-left ul li{
  margin-right: 58px;
  width: 352px;
  height: 36px;
  line-height: 36px;
  list-style-type: disc;
  list-style-position: inside;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.tuijian-box .Instrodution-info .info-list-left ul li:hover{
  color: #0379FF;
}
.tuijian-box .Instrodution-info .info-list-left ul li a{
  margin-left: -5px;

}

.block-chain{
  margin: 10px 0 20px;
}
.block-chain2 {
  margin: 20px 0 10px;
}
.chain-box{
  background-color: #fffcf9;
  border: solid 1px #ffd9a8;
  box-shadow: none;
}
.chain-box {
  position: relative;
  padding: 18px 310px 18px 30px;
  line-height: 1.5;
  font-size: 14px;
  background-color: #f5f5f5;
  box-shadow: 0px 1px 8px 1px rgba(0, 0, 0, 0.17);
  border-radius: 4px;
  overflow: hidden;
}
.chain-box .chain-img,.article-text img.chain-img{
  width: 60px;
  height: 60px;
  border-radius: 10px;
  float: left;
  margin: 0 14px 0 0 !important;
}
.chain-box .chain-tit{
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
}
.chain-box .chain-txt{
  height: 36px;
  line-height: 18px;
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.chain-box .chain-btn {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -19px;
}
.chain-box .chain-btn a {
  display: inline-block;
  vertical-align: top;
  width: 102px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background-color: #4077ed;
  border-radius: 2px;
  margin-left: 18px;
  text-decoration: none;
}
.chain-box .chain-btn a:hover{
  opacity: 0.9;
}
.chain-box .chain-btn a+a{
  background-color: #0ab89d;
}
.chain-tip {
  padding: 10px 30px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  background: #f5f5f5;
  border-radius: 4px;
  margin-top: 15px;
}
.chain-tip:before{
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAJFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACmWAJHAAAADHRSTlMzACcvFwQbEiskIAxJqi2YAAAAa0lEQVQI1zXLKw7CQBRA0RMwfMy88LNlBxNWUIMvGGw1qhZXdsASECyA7pBJG9zJTa6IR386RxJXzIdkV1lm62TPsbVoNAU1nXpCpZpA/8eLGbKuIPO2GXdfh7Esk2jhWbDNrC4Fcbt/hkg/5zIPXFXpPZsAAAAASUVORK5CYII=) no-repeat;
  margin-top: 3px;
  margin-right: 6px;
}

.chain-tip b{
  color: #333;
  font-weight: normal;
}

.introTit{font-size: 18px; margin: 14px 0 10px 0; font-weight: bold; display: inline-block; color: #333; border-left:solid 5px #0379ff; padding-left: 12px;}

.coin-box {
  padding-top: 26px;
  clear: both;
  height: 100px;
}
.coin-box:after{content: ''; clear: both;}
.coin-box .top {
  padding-bottom: 16px;
}
.coin-box .flex {
  display: flex;
}
.coin-box .nameinfo{
  float: left;
}

.coin-box .info .img {
  width: 66px;
  height: 66px;
  margin-right: 12px;
  flex-shrink: 0;
}
.coin-box .info .name {
  font-size: 26px;
  font-weight: bold;
  color: #333333;
  line-height: 30px;
}
.coin-box .info .cname {
  font-size: 14px;
  color: #666666;
  line-height: 32px;
}
.coin-box .operation {
  padding-top: 6px;
  float:right;
}
.coin-box .operation .btn{ height: 32px;
  font-size: 16px;
  margin-right: 12px;
  display: inline-block;
  padding: 2px 12px;
  width: auto;
  height: auto;
  font-weight: 400;
  line-height: 260%;
  text-align: center;
  white-space: nowrap;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  color: #1a98fe;
  border: 1px solid #1a98fe;
  border-radius: 2px;
}
.coin-box .operation .btn.t2 {
  background: #1385dc;
  color: #fff;
  border: 0;
}
.coin-box .operation .btn.t2 a {
  color: #fff;
}

.coin-box .operation .btn.t1{
  background: #fff;
  border-color: #999;
}
.coin-box .operation .btn.t1 a {
  color: #999999;
}

.coin-box .operation .btn.t1:hover{
  background-color: #fff;
}
.coin-box .uptime{margin-top: 12px; font-size: 12px;}
.clearfix{clear: both;}
.coin-detail{clear: both;}
.coin-detail:after { content: '';clear: both;}
.coin-detail-h3{margin-top: 12px; line-height: 32%; font-weight: bold;}
.news-detail-body {
  padding: 15px 0;
  line-height: 1.8;
  color: #333;
  font-size: 15px;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
  word-break: break-all;
}
.seciton-title {
  font-size: 24px;
  color: #111;
  font-weight: bold;
  width: 100%;
  height: 55px;
  line-height: 52px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.left-soft-list {
  margin-top: 20px;
}
.soft-list ul {
  margin-top: -15px;
}
.soft-list li {
  float: left;
  overflow: hidden;
  width: 16.6%;
  margin: 15px 0 0 0;
}
.soft-list li a {
  display: block;
}
.soft-list li img {
  display: block;
  width: 76px;
  height: 76px;
  border-radius: 10px;
  margin: 0 auto;
}
.soft-list li p {
  width: 100%;
  height: 50px;
  line-height: 40px;
  font-size: 14px;
  overflow: hidden;
  text-align: center;
}
.left-soft-list ul{margin-left: 0;}
.about-news {
  margin-top: 15px;
}
.about-news li {
  float: left;
  width: 50%;
  line-height: 30px;
  margin: 4px 0;
}
.about-news li a {
  height: 30px;
  overflow: hidden;
  font-size: 14px;
  color: #555;
  display: block;
  float: left;
  width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.about-news li span {
  font-size: 12px;
  color: #999;
  display: block;
  float: right;
  margin-right: 20px;
}

.news-flash{margin-top: 10px;}
.news-flash .head {
  border-bottom: 1px solid #EAEAEA;
  line-height: 54px;
}
.news-flash .head .title {
  font-size: 20px;
  font-weight: bold;
  color: #17a1ff;
  border-bottom: 3px solid #17a1ff;
}
.news-flash .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.news-flash .list {
  padding: 10px 0;
}
.news-flash .list .li {
  position: relative;
  padding-left: 32px;
  padding-bottom: 14px;
}
.news-flash .list .li:first-of-type::before {
  border-color: #0279ff;
}
.news-flash .list .li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 12px;
  content: '';
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 3px solid #E5E5E5;
  border-top-color: rgb(229, 229, 229);
  border-right-color: rgb(229, 229, 229);
  border-bottom-color: rgb(229, 229, 229);
  border-left-color: rgb(229, 229, 229);
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}
.news-flash .list .date {
  font-size: 12px;
  color: #B4B4B4;
  line-height: 32px;
}
.news-flash .list .li:first-of-type .title {
  color: #0279ff;
}
.news-flash .list .title {
  font-size: 15px;
  color: #333333;
  line-height: 23px;
}
.news-flash .list .li::after {
  display: block;
  position: absolute;
  left: 5px;
  top: 12px;
  content: '';
  width: 1px;
  height: 100%;
  box-sizing: border-box;
  border: 1px dashed #DEDEDE;
  border-radius: 50%;
}

.rtab-hd {
  font-size: 0;
  height: 40px;
  border-bottom: 1px solid #eee;
}
.rtab-hd .aitem.on, .rtab-hd .aitem:hover {
  color: #17a1ff;
  border-bottom-color: #17a1ff;
}
.rtab-hd .aitem {
  color: #666;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  line-height: 30px;
  height: 30px;
  font-size: 20px;
  padding-bottom: 7px;
  border-bottom: 4px solid transparent;
  border-bottom-color: transparent;
  margin-left: 35px;
}
.Rtab_bd ul li {
  overflow: hidden;
  margin-top: 18px;
}
.Rtab_bd .ptit {
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  padding-left: 28px;
  position: relative;
}
.Rtab_bd li:nth-child(1) .icon {
  background-color: #FF4C4C;
}
.Rtab_bd li:nth-child(2) .icon {
  background-color: #FF884C;
}
.Rtab_bd li:nth-child(3) .icon {
  background-color: #FFBE3A;
}
.Rtab_bd .icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  color: #fff;
  text-align: center;
  background: #BDBDBD;
  background-color: rgb(189, 189, 189);
  border-radius: 2px;
  margin-top: 1px;
  line-height: 18px;
}
.Rtab_bd ul li .bt {
  font-size: 16px;
  color: #555;
}
.Rtab_bd ul .on .info {
  display: block;
}
.Rtab_bd ul li .info {
  display: none;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-top: 15px;
}
.Rtab_bd ul li .info .img, .Rtab_bd ul li .info .img img {
  width: 138px;
  height: 92px;
}

.other-recom { overflow: hidden; margin-bottom: 20px; }
.other-recom.open ul { display: block; }
.other-recom h3 { font-size: 18px; color: #999; margin-bottom: 12px; cursor: pointer; }
.other-recom ul { overflow: hidden; }
.other-recom li { height: 38px; line-height: 38px; float: left; }
.other-recom a { display: inline-block; font-size: 14px; color: #999; padding-right: 20px; }
.other-recom a:hover { color: #666; }

.index-seciton1 { padding: 30px 0px 0px 0px; background-color: #ffffff; border-radius: 24px;}
.index-rec-list1.show .js-tab-cont { max-height: inherit; }
.index-rec-list1.show .more { display: none; }
.index-rec-list1 .js-tab-cont { max-height: 300px; overflow: hidden; }
.index-rec-list1 .more { text-align: center; margin-top: 10px; float: none; }
.index-rec-list1 .btn-more { color: #999; cursor: pointer; }
.index-rec-list1 ul { overflow: hidden; margin: 0 15px 15px 15px; }
.index-rec-list1 li { width: 220px; height: 20px; line-height: 20px; overflow: hidden; float: left; margin-bottom: 10px; margin-left: 14px; }
/*.index-rec-list1 li:before { content: ''; display: inline-block; vertical-align: 3px; width: 2px; height: 2px; background-color: #444; border-radius: 50%; margin-right: 6px; }*/
.index-rec-list1 li:before {content: '';display: inline-block;vertical-align: middle;width: 3px;height: 3px;background-color: #444; margin: -2px 10px 0 0;}
.index-rec-list1 a { color: #222; font-size: 15px;}
.index-rec-list1 a:hover { color: #4077ed; font-weight: bold; }

.block-title1 { height: 59px; line-height: 48px; margin-bottom: 20px; position: relative; zoom: 1; border-bottom:1px solid #eee}
.block-title1:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.block-title1 .icon { vertical-align: middle; margin-right: 10px; }
.block-title1 .title { position: relative; display: inline-block; vertical-align: top; height: 57px; font-size: 24px; color: #222;float: left; align-items: center; display: flex; font-weight: normal; }
.block-title1 .more { height: 59px; line-height: 59px; float: right; font-size: 14px; font-weight: bold; color: #4077ed; margin-left: 20px; }
.block-title1 .more i { margin-left: 2px; font-size: 17px; }
.block-title1 .tabs { max-width: 1000px; height: 59px; overflow: hidden; float: left; margin-left: 35px; margin-top: 6px;}
.block-title1 .tabs li { float: left; cursor: pointer; color: #666; font-size: 20px; position: relative; margin-left: 8px}
.block-title1 .tabs li + li { margin-left: 50px; }
.block-title1 .tabs li + li:before { content: '/'; position: absolute; font-size: 16px; color: #bbb; margin-left: -28px; }
.block-title1 .tabs a { display: inline-block; color: #666; }
.block-title1 .tabs .on { color: #4077ed; }
.block-title1 .tabs .on a { color: #4077ed; }

.block-title2 { height: 52px; line-height: 52px; }
.block-title2 .title { font-size: 20px; font-weight: bold; color: #333333; }

.block-title3 { height: 64px; line-height: 64px; border-bottom: 1px solid #eee; text-align: center; }
.block-title3 .title { display: inline-block; vertical-align: top; height: 61px; border-bottom: 4px solid #4077ed; font-size: 30px; font-weight: bold; }

.js-tab-cont, .js-tab-item, .js-tab-list { display: none; }
.js-tab-cont.on, .js-tab-item.on, .js-tab-list.on { display: block; }